<template>
  <div class="bao">
    <Search />
    <Tabbar />
  </div>
</template>

<script>
import Search from "../../components/Search/Search.vue";
import Tabbar from "../../components/Search/Tabbar.vue";
import { reactive } from "vue";
import { ref } from "vue";
import { useRouter } from "vue-router";
export default {
  setup() {
    const router = useRouter();
    const active = ref(0);
    const data = reactive({
      list: ["视黄醇", "视黄醇", "视黄醇", "视黄醇", "视黄醇"],
    });
    const jump = () => {
      router.push("/searcha");
    };
    return {
      data,
      active,
      jump,
    };
  },

  mounted() {
    window.Location.reload;
  },
  components: {
    Search,
    Tabbar,
  },
};
</script>

<style lang="less">
.bao {
  .van-tabs__line {
    width: 70px;
    height: 1.5px;
  }
  .van-tab {
    width: 100px;
  }
  .p {
    font-size: 16px;
    font-weight: 900;
    margin-top: 20px;
    margin-left: 16px;
    margin-bottom: 10px;
  }
  ul {
    margin-left: 10px;
    li {
      font-size: 12px;
      border: 1px solid #aaa;
      border-radius: 11px;
      display: inline-block;
      padding: 2px 8px;
      margin: 10px 10px;
    }
  }
}
</style>
